{% extends "blog/base.html" %}
<!-- 使用此处标题块内容替换blog/base.html文件中标题块 -->
{% load blog_tags %}

{% block title %}{{ post.title }}{% endblock %}
<!-- 使用此处内容块代码替换blog/base.html文件中内容块-->
{% block content %}
    <h1>{{ post.title }}</h1>
    <p class="date">
        Published {{ post.publish }} by {{ post.author }}
    </p>
    {{ post.body|markdown }}

    <!-- 增加分享文章链接，链接地址自动根据路由名称生成 -->
    <p>
        <a href="{% url "blog:post_share" post.id %}">
            Share this post
        </a>
    </p>

<!-- 显示相似文章 -->
<!-- 标题 -->
<h2>Similar posts</h2>
<!-- 对于每篇相似文章，显示其标题并变为链接支持跳转 -->
{% for post in similar_posts %} 
 <p>
 <a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
 </p>
<!-- 若没有相似文章显示如下内容 -->
{% empty %}
 There are no similar posts yet.
{% endfor %}

    <!-- with标签的作用是对变量进行重命名 -->
{% with comments.count as total_comments %}
<h2>
 <!-- pluralize 过滤器叫做复数过滤器，当前面的数量是大于1的则自动为comment添加
s，适用于英文-->
 {{ total_comments }} comment{{ total_comments|pluralize }}
</h2>
{% endwith %}

<!-- 遍历所有评论信息并显示-->
{% for comment in comments %}
<div class="comment">
 <p class="info">
 <!-- forloop.counter 标签自动生成循环元素的序号 -->
 Comment {{ forloop.counter }} by {{ comment.name }}
 {{ comment.created }}
 </p>
 {{ comment.body|linebreaks }}
</div>
<!-- 如果没有评论，显示如下信息 -->
{% empty %}
 <p>There are no comments yet.</p>
{% endfor %}
<!-- 如果是新评论，提示你已经评论 -->
{% if new_comment %}
<h2>Your comment has been added.</h2>
<!-- 否则显示添加新评论并显示评论表单-->
{% else %}
 <h2>Add a new comment</h2>
 <form method="post">
 <!-- 根据后端评论表单自动生成前端评论表单 -->
 {{ comment_form.as_p }}
 {% csrf_token %}
 <p><input type="submit" value="Add comment"></p>
 </form>
{% endif %}
{% endblock %}



